<template>
    <div class="header">
        <Header></Header>
    </div>
    <div class="nav">
        <router-link :to="{name:'newnengyuan'}">新能源</router-link>
        <router-link :to="{name:'newche'}">新车</router-link>
        <router-link :to="{name:'brand'}">豪华品牌</router-link>
    </div>
    <router-view></router-view>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import Header from '../components/NewCar/Header.vue'
export default defineComponent({
    components:{
        Header
    },
    setup () {
        

        return {}
    }
})
</script>

<style scoped>
.nav a{
    font-size:30px;
    padding: 10px;
}
.nav .router-link-exact-active,.nav .router-link-active{
    font-weight:bold;
    font-size:40px;
    border-bottom: 5px solid #3563F4;
}
.nav,.header{
    background-color: #F6F7FB;
}
</style>